<div class="container">
  <div class="header">
    <h1>{{projectName}}</h1>
    <div class="description"></div>
  </div>
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <nz-form-item>
      <nz-form-control nzErrorTip="请输入账号">
        <nz-input-group [nzPrefix]="prefixUser">
          <input type="text" nz-input formControlName="userName" placeholder="账号">
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control nzErrorTip="请输入密码!">
        <nz-input-group [nzPrefix]="prefixLock">
          <input type="password" nz-input formControlName="password" placeholder="密码">
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <label nz-checkbox formControlName="remember">
          <span>记住我</span>
        </label>
        <!--<a class="login-form-forgot">忘记密码</a>-->
        <nz-spin [nzSpinning]="loging" style="margin-top: 20px">
          <button nz-button class="login-form-button" [nzType]="'primary'">登录</button>
        </nz-spin>
      </nz-form-control>
    </nz-form-item>
  </form>
  <div class="footer">
    <div class="global-footer__copyright"> Copyright
      <i nzTheme="outline" nz-icon type="copyright"></i> 2018-2020
      <a href="http://beian.miit.gov.cn/">苏ICP备18040100号-1 </a>
    </div>
  </div>
</div>
<ng-template #prefixUser><i nzTheme="outline" nz-icon type="user"></i></ng-template>
<ng-template #prefixLock><i nzTheme="outline" nz-icon type="lock"></i></ng-template>
